<template>
  <div>
    <div class="title">周末去哪儿</div>
    <ul v-for="item in weekendListReal" :key="item.id">
      <li class="item border-bottom">
        <img class="item-img" :src="item.imgUrl"/>
        <div class="item-info">
          <p class="item-title">{{item.title}}</p>
          <p class="item-desc">{{item.desc}}</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "homeWeekend",
  props: {
    weekendListReal: Array
  },
  data () {
    return {
      weekendList: [{
        id: '1',
        imgUrl: 'http://img1.qunarzz.com/sight/source/1812/4c/33ad31d025fef.jpg_r_640x214_7821b813.jpg',
        title: '重庆夜景大赏',
        desc: '享巴渝特色，赏两江风光，感受不一样的重庆夜景！'
      }, {
        id: '2',
        imgUrl: 'http://img1.qunarzz.com/sight/source/1507/8e/f41005646c1e8e.jpg_r_640x214_65f25f65.jpg',
        title: '快乐湿身，水上狂欢',
        desc: '“快乐湿身，水上狂欢”门票低至5折起'
      }, {
        id: '3',
        imgUrl: 'http://img1.qunarzz.com/sight/source/1505/53/4bcd11cc3a5374.jpg_r_640x214_988a4cee.jpg',
        title: '重庆必打卡',
        desc: '重庆，非去不可'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
  .title
    line-height: .8rem
    background: #eee
    text-indent: .2rem
  .item
    overflow: hidden
    height: 4rem
    .item-img
      width: 100%
      height: 2.7rem
    .item-info
      flex: 1
      padding:.1rem .3rem
      .item-title
        line-height: .54rem
        font-size: .32rem
      .item-desc
        line-height: .4rem
        color: #aaa
</style>
